<template>
  <div id="app">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "hello1"
    };
  },
  components: {}
};
</script>

<style lang="scss">
@charset "utf-8";

$rem: 40;
$mainColor: #09b6f2;

@function rem($n) {
  @return ($n/$rem) + rem;
}

html {
  color: #333;
  background: #fff;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html * {
  outline: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
  font-family: PingFang-SC-Medium;
  height: 100%;
  width: 100%;
  // overflow:hidden;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
input,
select,
textarea {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

del {
  text-decoration: line-through;
}
address,
caption,
cite,
code,
dfn,
em,
th,
i,
var {
  font-style: normal;
  font-weight: 500;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}
h1 {
  font-size: 0.9rem;
}
h2 {
  font-size: 0.85rem;
}
h3 {
  font-size: 0.8rem;
}
h4 {
  font-size: 0.75rem;
}
h5 {
  font-size: 0.7rem;
}
h6 {
  font-size: 0.65rem;
}
q:before,
q:after {
  content: "";
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

ins,
a,
a:active,
a:visited,
a:link {
  text-decoration: none;
  color: #333;
}
//清除浮动
.clearfix {
  &:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
  }
}
.flex {
  -webkit-display: flex;
  display: flex;
}
.grey {
  height: 0.5rem;
  background-color: #eee;
  border-width: 1px 0 1px 0;
  border-color: #eee;
  border-style: solid;
}

body {
  height: 100%;
  font-family: "Microsoft YaHei";
}

.mint-tab-container-wrap {
  overflow-y: scroll;
}

//首页活动navbar垂直居中
.account {
  .mint-tab-item-label {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: 0.7rem;
  }

  .is-selected {
    .mint-tab-item-label {
      color: #fff;
    }
  }
}

//我的活动navbar垂直居中
.accountlist {
  .mint-tab-item-label {
    height: 1.9rem;
    line-height: 1.9rem;
    font-size: 0.75rem;
  }

  .is-selected {
    .mint-tab-item-label {
      color: #fff;
    }
  }
}

//动画过渡
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

//loading样式
.loading {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: fixed;
  bottom: 0;
  text-align: center;
}

//更多数据样式
.moredata {
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  color: #666;
  font-size: 0.75rem;
}

//form表单
.register {
  input {
    border: 0;
  }
  .mint-cell-wrapper {
    background-image: none;
    border-bottom: 1px solid #ddd;
    padding: 0;
    font-size: 0.65rem;
  }
  .mint-cell {
    height: 2.65rem;
  }
  .mint-field .mint-cell-title {
    width: 4rem;
    font-size: 0.75rem;
  }
  .picker2 {
    .mint-cell-wrapper {
      border: 0;
    }
    .mint-cell-value {
      width: 76.5%;

      .item-input {
        width: 50%;

        input {
          width: 100%;
        }
      }
    }
  }
  .mint-cell {
    &.profession {
      background-size: 76.5% 1px;
      background-position: right bottom;
    }
  }
}
</style>



